<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />		
	<meta content="yes" name="apple-mobile-web-app-capable"> 
	<meta content="yes" name="apple-touch-fullscreen"> 
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<meta charset="UTF-8">
	<title>新闻详情</title>
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
	<link href="css/mui.min.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="css/mui.min.css">
	<script type="text/javascript" src="js/flexible.js"></script>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<link rel="stylesheet" type="text/css" href="css/style.css">
		<style type="text/css">
	#modelView{background-color:#DDDDDD;z-index:0;opacity:0.7;height: 100%;width: 100%;position: relative;}
	.playvideo{padding-top: auto;z-index: 9999;position: relative;}
	.zy_media{z-index: 999999999}
	</style>
	<link rel="stylesheet" href="css/zy.media.min.css">

</head>
<body style="background:#fff;">
	<div class="videos" style="height:5.627rem;width:100%">
			<div class="playvideo">
			<div class="zy_media" style="height:5.627rem;">
		    	<video poster="images/bjv.jpg" >
		        	<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4">
		      	  您的浏览器不支持HTML5视频
		   	 </video>
		
			</div>
			<div id="modelView">&nbsp;</div>
			</div>
		</div>
	<div class="jour-content">
		<h2>一分钟文化人</h2>
		<p>文化（culture）是一个非常广泛和最具人文意味的概念，简单来说文化就是地区人类的生活要素形态的统称：即衣、冠、文、物、食、住、行等。给文化下一个准确或精确的定义，的确是一件非常困难的事情。对文化这个概念的解读，人类也一直众说不一。但东西方的辞书或百科中却有一个较为共同的解释和理解：文化是人类在社会历史发展过程中所创造的物质财富和精神财富的总和。</p>
		<span class="fr" style="margin-right:0.707rem">2017.05.05</span>
	</div>
	<div class="jour-fx clear">
		<div class="jour-fx-left fl"><span></span><p>155</p></div>
	</div>
</body>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript" src="js/swiper.jquery.min.js"></script>
	<script src="js/zy.media.min.js"></script>
	<script>
	//document.documentElement.style.overflow='hidden';
	 document.body.style.overflow='hidden';
	    zymedia('video',{autoplay: false});
		var screenheight = window.screen.height/2;
		$("#modelView").width(window.screen.width);
		 $("#modelView").height(window.screen.height);
		  var videoheight = $(".zy_media").height()/2;
		  var padding_top = screenheight-videoheight;
		   $("#modelView").css({"margin-top":-1*(padding_top+$(".zy_media").height())});

	</script>
</html>
